@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*banner*/
.banner{ display:block;height:596px;overflow:hidden; position:relative; z-index:1; margin:-16px 0 0;}
.banner a{ background:url(Img/Index/banner1.jpg) no-repeat center 0; height:596px; display:block;}

/*搜索*/
.box1{ height:194px; background:#ccc; overflow:hidden; font-family:"Microsoft YaHei";}
.search{ width:317px; padding:7px 0 0 34px; background:#50a734; height:188px; color:#fff; overflow:hidden}
.search h2{ line-height:48px;height:48px; font-size:24px; font-weight:normal; padding:0 0 0 5px;}
.search_c{ height:86px; overflow:hidden; line-height:20px;padding:0 0 0 5px;}
.search_c b{ display:block;}
.search_c a{ color:#fff; padding:0 24px 0 0; white-space:nowrap;}
.inp01{height:26px;background:url(Img/Index/s_inp.gif) no-repeat 0 0;width:210px;padding:0 8px; float:left;line-height:26px; color:#c9c9c9; border:0;font-family:"宋体"; font-size:12px;}
.s_ss {float:left; border:0;width:35px; height:26px;background:url(Img/Index/ser_but.gif) no-repeat 0 0; cursor:pointer;}

/*最新动态*/
.new_news{ width:425px; padding:13px 108px 0 76px; line-height:30px; color:#fff; background:#6c6c6c; height:181px;}
.new_news span{ float:right; font-size:12px; font-weight:normal;}
.new_news a{ color:#fff;}
.new_news h2{ height:40px; line-height:32px; font-size:14px;}
.new_news h2 a{ display:inline-block; line-height:32px; border-bottom:solid 2px #fff;}
.new_news h2 span a{ border:0;}
.new_news li{ height:30px; overflow:hidden;}


/*热门产品*/
.probox{font-family:"Microsoft YaHei";}
.hot_pro{ margin:38px 0 0; height:348px; overflow:hidden;}
.prptil1{ height:40px; line-height:40px; font-size:14px; color:#fff; font-weight:bold; padding:0 18px 0 0; background:#50a734; display:block;}
.prptil1 li{ float:left}
.prptil1 li a{ padding:0 17px; line-height:40px; color:#fff; display:inline-block;}
.prptil1 li a:hover,.prptil1 li a.cur{ background:#47932f; text-decoration:none;}
.more01{ float:right; padding:12px 0 0;}
.prptil3 .more01 a{ background:none; padding:0; border:0;}
.pro_hc{ background:url(Img/Index/prohbg.jpg) repeat-x 0 0; height:287px; overflow:hidden;}
.pro_hc dt{ width:511px; float:left;}
.pro_hc dd{ width:422px; float:left; line-height:30px; padding:45px 0 0; color:#333;}
.pro_hc dd h3{ height:80px; line-height:38px; overflow:hidden; font-size:30px; color:#2c2c2c;}
.pro_hc dd h3 span{ display:block; line-height:22px; font-size:14px; font-weight:normal;}
.pro_hc dd li{ background:url(Img/Index/icon4.png) no-repeat 3px 11px; padding:0 0 0 22px; font-size:16px;}
.pro_hc dd li a{color:#333;}

/*最新产品*/
.new_pro{ height:526px;}
.prptil2,.prptil3{ height:39px; line-height:39px; font-size:16px; color:#fff; font-weight:bold;background:url(Img/Index/line1.jpg) repeat-x 0 bottom; display:block;}
.prptil2 li{ float:left}
.prptil2 li a{ padding:0 21px; line-height:39px; color:#fff; display:inline-block; background:#6c6c6c;}
.prptil2 li a:hover,.prptil2 li a.cur{ background:#50a734; text-decoration:none;}
.pro_nc{ padding:27px 0 0; overflow:hidden}
.pro_nc li{ width:236px; height:213px;float:left; border:solid 1px #dbdbdb; padding:1px; position:relative;}
.pro_nc li img{ width:236px; height:213px; display:block;}
.pro_nc li span{width:236px; line-height:36px; text-align:center; font-size:14px;display:none; position:absolute; left:1px; bottom:1px; }
.pro_nc li span a{ color:#fff;display: block;height: 36px;overflow: hidden;width: 236px;}
.pro_nc li.cur{ background:#50a734; border:solid 1px #50a734;}
.pro_nc li.cur span{ display:block;background:url(Img/Index/bg01.png) repeat;}
.pro_list{ border:solid 2px #50a734;position:fixed; box-shadow:0 0 8px #d2d2d2; top:10px; left:0px;_left:0px;z-index: 2; background:#fff; width:178px; height:302px;_height:302px;}
.pro_list h2{ text-align: center;height:58px; line-height:58px; background:url(Img/xxx.jpg) no-repeat 155px 5px #50a734; font-size:20px; }
.pro_list h2 a{ color:#fff; font-family:"Microsoft YaHei"; display:block;}
.pro_list h2 a:hover{ text-decoration:none;}
.pro_lc{ padding:5px 12px 10px;_padding:5px 0px 5px 12px; font-family:"Microsoft YaHei";}
.pro_lc h3{font-size:14px; display:block; margin: 5px 0;_margin: 5px 0; width:164px;background:#fff; height:33px; overflow:hidden;padding:0;}
.pro_lc h3 a{line-height:33px;margin:0; text-align:center;  color:#fff;width: 154px; display: block;background:#6c6c6c;}
.pro_lc h3 a:hover{ text-decoration:none;}
.pro_lc h3.cur a{ background:#50a734; text-decoration:none;}
.pro_lc .proUl1 .proLi1{position: relative; margin:0; padding:0px 0 0 35px;  line-height:30px; height:30px;  background:url("Img/fen_h1.gif") no-repeat scroll 16px 15px ; white-space:nowrap;}
.pro_lc .proUl1 li a{padding-left: 0px; line-height:30px; height:30px; display:block;}
.pro_lc .proUl1 li.cur{ background:url(Img/fen_h2.gif) no-repeat scroll 16px 15px #50a734; color:#fff; line-height:30px; height:30px; text-decoration:none;}
.pro_lc .proUl1 li.cur a{ color:#fff;line-height:30px; height:30px; }
.pro_lc .proUl1 li.cur a:hover{text-decoration:underline;color:#fff;line-height:30px; height:30px; }

.pro_lc .proUl1 li .proUl2 li{  line-height:30px; white-space:nowrap;width: 150px;float:left;}
.pro_lc .proUl1 li.cur .proUl2 li a,.pro_lc .proUl1 li .proUl2 li a{ display:block; padding: 0 10px 0 26px;background:url("Img/ico6.gif") no-repeat scroll 14px 14px;color:#666; text-decoration:none; line-height:30px; height:30px;}
.pro_lc .proUl1 li .proUl2 li a:hover{text-decoration:underline; background:url("Img/ico6.gif") no-repeat scroll 14px 14px #50a734; color:#fff;}
.yj {
    position: relative;
}
.proUl1 
{
    padding:0;
    border-left: 2px solid #50a734;
    left: 166px;
    background:#fff;
    width: 171px;
    position: absolute;
    top: 0;
}
.proUl2 
{
    opacity: 0.9;
    width: 317px;
    left: 170px;
    background:#fff;
    position: absolute;
    top: 0;
}

/**/
.pro01{ overflow:hidden; height:588px;}
.prptil3{ height:40px;}
.prptil3 a{ color:#333; text-transform:uppercase;background:url(Img/Index/icon1.jpg) no-repeat 0 13px; padding:0 0 0 12px; line-height:38px; display:inline-block; border-bottom:solid 2px #50a734;}
.proc1{ padding:27px 0 0;}
.proc1 ul{ width:984px;}
.proc1 li{ width:220px; height:255px; overflow:hidden; float:left; padding:0 26px 0 0;}
.proc1 li img{ width:216px; height:195px; padding:1px; border:solid 1px #ccc; display:block;}
.proc1 li a:hover img{padding:0px; border:solid 2px #50a734;}
.proc1 li span{ display:block; text-align:center; line-height:42px; font-size:14px;}
.proc1 li span a{ color:#6c6c6c;}

/**/
.pro02{ height:245px; overflow:hidden;}
.proc2{ padding:31px 0 0;}
.prev,.next{ width:16px; height:31px; overflow:hidden; display:block;}
.prev{ background:url(Img/Index/ico_l01.jpg) no-repeat 0 0;}
.next{ background:url(Img/Index/ico_r01.jpg) no-repeat 0 0;}
.prev:hover,.next:hover{ background-position:0 bottom;}
.prop1{ margin:48px 0 0;}
.prop2{ width:884px; overflow:hidden; padding:0 20px;}
.prop2 li{ width:187px; height:137px; position:relative; overflow:hidden;float:left; padding:0 12px 0 19px;}
.prop2 li img{ width:187px; height:137px;border: 1px solid #ccc;}
.prop2 li span{width:189px;height:35px;position:absolute; bottom:0; left:19px; font-size:14px; font-weight:bold;}
.prop2 li span a{width:189px; line-height:35px;color:#fff; background:url(Img/Index/case_bg.png) repeat 0 0; text-align:center; display:block; }



/*PK*/
.pk{ background:url(/skins/default/Img/Index/pkbg.jpg) no-repeat center 58px; height:959px; font-family:"Microsoft YaHei"; color:#fff; line-height:26px; font-size:14px;}
.pk h2{ line-height:58px; color:#50a734; font-size:38px; text-align:center; height:126px;}
.pk h2 span{ display:block; line-height:44px; font-weight:normal; font-size:22px; color:#fff; background:#292929; width:566px; margin:0 auto}
.pk_c{ padding:94px 0 0;display:none;}
.pk_c li{ height:169px;}
.pk_c li p{ width:172px; float:left; padding:17px 0 0;color: #fff;}
.pk_c li span{ width:134px; float:left; padding:35px 240px 0; height:110px;background:url(Img/Index/pklbg.png) no-repeat center 0; font-weight:bold; text-align:center; line-height:24px; font-size:18px; color:#50a734;}
.pk_c li span.pkl1{ padding:46px 240px 0; height:100px;}


/*解决方案*/
.solut{ height:490px; overflow:hidden; font-family:"Microsoft YaHei";}
.solut h2{ text-align:center; border-top:solid 1px #ccc; background:url(Img/Index/line1.jpg) repeat-x 0 87px; height:100px; font-size:24px; color:#333; line-height:78px;}
.solut h2 b{ color:#50a734}
.solut h2 span{ display:block; font-weight:normal; font-size:12px; line-height:}
.solut h2 span a{ width:78px; line-height:19px;border:solid 1px #ccc; display:block; text-align:center; margin:0 auto; background:#fff; color:#7a7a7a;}
.sol1{ margin:133px 0 0;}
.sol2{ background:url(Img/Index/solbg.jpg) no-repeat center 0; width:856px; margin:0 30px;}
.sol2 p{ width:425px; height:288px; display:block; margin:0 auto; overflow:hidden; position:relative}
.sol2 p img{ width:425px; height:288px;}
.sol2 p span{ position:absolute; width:425px; background:url(Img/Index/bg02.png) repeat 0 0; left:0; bottom:0; text-align:center; line-height:54px; font-size:16px;}
.sol2 p span a{ color:#fff;}

/*优势*/
.edge{font-size:14px; color:#5b5b5b; line-height:26px; font-family:"Microsoft YaHei"; height:827px; padding:37px 0 0; background:url(Img/Index/edgebg.jpg) no-repeat center 0;}
.edge h2{ height:140px; line-height:56px; font-size:36px; text-align:center; color:#fff;}
.edge h2 span{ display:block; font-weight:normal; background:#50a734; font-size:26px; width:412px; line-height:42px; text-align:center; margin:0 auto;}
.edge_c{ background:url(Img/Index/edgcbg.jpg) no-repeat right 159px #fff; height:587px; padding:52px 0 0;}
.edgetil{ height:162px; overflow:hidden; padding:0 28px;}
.edget1{ margin:63px 0 0;}
.edget2{ width:863px; padding:0 0 0 3px;}
.edget2 li{ width:162px; height:162px; text-align:center; line-height:162px; font-size:24px; color:#fff; padding:0 0 0 44px; float:left}
.edget2 li a{ width:162px; height:162px; background:url(Img/Index/edge_ico1.gif) no-repeat 0 0;color:#fff; display:block}
.edget2 li a:hover,.edget2 li.cur a{background:url(Img/Index/edge_ico2.gif) no-repeat 0 0;color:#fff; text-decoration:none;}
.edge01{ background:url(Img/Index/edg_pic1.jpg) no-repeat 402px 0; padding:79px 0 0 44px; height:330px;}
.edge h3{ height:88px; font-size:36px; line-height:41px; color:#50a734; padding:26px 0 0 80px;}
.edge h3 span{ display:block; font-weight:normal; font-size:20px; color:#5b5b5b; line-height:28px;}

.edge p{ padding:0 7px; width:380px;}
.edge p span{ color:#4fa633;}
.edge01{ background:url(/skins/default/Img/Index/edg_pic1.jpg) no-repeat 430px 18px; padding:96px 0 0 72px; height:330px;}
.edge01 h3{ background:url(Img/Index/edge_ico3.gif) no-repeat 0 0;}
.edge02{ background:url(/skins/default/Img/Index/edg_pic2.jpg) no-repeat 474px 9px; padding:96px 0 0 72px; height:330px;}
.edge02 h3{ background:url(Img/Index/edge_ico4.gif) no-repeat 0 0;}
.edge03{ background:url(/skins/default/Img/Index/edg_pic3.jpg) no-repeat 296px 33px; padding:96px 0 0 72px; height:330px;}
.edge03 h3{ background:url(Img/Index/edge_ico5.gif) no-repeat 0 0;}
.edge04{ background:url(/skins/default/Img/Index/edg_pic4.jpg) no-repeat 420px 0px;    background-size: 1023px 453px; padding:96px 0 0 72px; height:330px;}
.edge04 h3{ background:url(Img/Index/edge_ico6.gif) no-repeat 0 0;}
.edge05{ background:url(Img/Index/edg_pic5.jpg) no-repeat 444px 4px; padding:96px 0 0 72px; height:330px;}
.edge05 h3{ background:url(Img/Index/edge_ico7.gif) no-repeat 0 0;}
.edge06{ background:url(Img/Index/edg_pic6.jpg) no-repeat 444px 19px; padding:95px 0 0 72px; height:330px;}
.edge06 h3{ background:url(Img/Index/edge_ico8.gif) no-repeat 0 0;}



/*横条广告*/
.h_gg{ height:208px; display:block; color:#fff; font-size:18px; line-height:32px;font-family:"Microsoft YaHei";}
.h_gg img{ display:block}
.gg01{ top:50px; left:716px;}
.gg01 b{ display:block; line-height:40px; height:55px; font-size:33px; font-weight:normal;}
.gg01 a{ border:solid 2px #fff; line-height:41px; width:203px; text-align:center; display:block; font-weight:bold;color:#fff;}

/*见证*/
.box2{ background:#eee; font-family:"Microsoft YaHei";} 
.part{ width:690px; padding:33px 0 0; height:427px; overflow:hidden}
.til01{ font-size:16px; font-weight:normal; line-height:24px; height:66px;}
.til01 a{ color:#060001;}
.til01 em{ font-style:normal; text-transform:uppercase; font-family:Arial; font-size:24px; color:#4f9f35; display:block;}
.til01 .more02{ top:28px; right:0;}
.til01 .more02 a{ background:#949494}
.part_c dl{ height:176px; line-height:24px; color:#333;}
.part_c dt{ width:218px; float:left; padding:16px 0 0;}
.part_c dt img{ width:185px; height:123px; background:#272727; padding:5px;}
.part_c dd{ padding: 13px 0 0 0;width:428px; float:left;}
.part_c dd h3{ height:50px; line-height:25px; font-size:16px;}
.part_c dd h3 a{ color:#50a734;  }
.part_c dd p{ height:54px; overflow:hidden}
.part_c dd span a,.about dd span a{ width:107px; line-height:24px; border:solid 2px #50a734; text-align:center; display:block;color:#333;}
.part_c dd span a:hover{ background:#50a734; color:#fff; text-decoration:none;}

/*合作*/
.witn{ background:url(Img/Index/hzbg.jpg) no-repeat right 0 #fff; height:460px; padding:0 16px; width:238px;overflow:hidden;}
.til02{ font-size:16px;line-height:74px; height:74px;}
.til02 a,.about dd h3 a{ color:#333}
.more02{ width:60px; height:17px; font-weight:normal}
.more02 a{ width:60px; line-height:17px; background:#50a734; color:#fff; text-align:center; display:block; font-size:14px;}
.til02 .more02{ padding:29px 0 0;}
.witn_c ul{ width:250px;}
.witn_c li{ width:111px; float:left; padding:0 10px 0 3px; height:92px;}
.witn_c li img{ width:107px; height:49px; border:solid 2px #666; display:block;}
.witn_c li span{ display:block; text-align:center; line-height:28px;}
.witn_c li span a{ color:#000}

/*关于*/
.about{background:#fff; width:607px; padding:34px 41px 0; height:270px; margin:0 0 8px;overflow:hidden;}
.about dt{ width:242px; padding:11px 0 0; float:left;}
.about dt img{ width:205px; height:203px; background:#272727; padding:5px;}
.about dd{ width:364px; line-height:24px; color:#666;float:left;}
.about dd h3{ height:43px; line-height:43px; font-size:16px;}
.about dd p{ height:153px;}


/*荣誉*/
.honor{padding:0 16px; width:238px; height:304px; overflow:hidden; background:url(Img/Index/rybg.jpg) no-repeat 0 0 #50a734;}
.honor .til02 a,.honor_c p .ry span a{ color:#fff;}
.honor .more02 a{ background:#fff; color:#48962f;}
.honor_c{ padding:10px 12px 0;}
.honor_c p{ width:216px; float:left;}
.honor_c p .ry{float:left; height:208px; overflow:hidden; width:216px;}
.honor_c p .ry img{ width:216px; height:160px; display:block;}
.honor_c p .ry span{ display:block; text-align:center; line-height:48px; font-size:14px;}

/*问答*/
.newbox{ clear:both; padding:50px 0 0; height:405px; font-family:"Microsoft YaHei"; overflow:hidden}
.newbox .til01 em{ font-weight:bold}
.faq{ clear:both; width:244px; height:340px;}
.faq_c dl{ clear:both;line-height:26px; color:#666; padding:8px 0 10px;}
.faq_c dt{ height:26px; overflow:hidden; color:#333; font-size:14px;}
.faq_c dt a{color:#333;}
.faq_c dd span{ width:34px; float:left;}
.faq_c dd p{ width:204px; float:left;}

/*资讯*/
.new{ width:300px; overflow:hidden}
.new1{ padding:0 58px;}
.new_c p{ padding:15px 0 0; height:166px; }
.new_c p img{ width:269px; height:147px;}
.new_c li{ height:30px; overflow:hidden}
.new_c li a{ display:inline-block; background:url(Img/Index/icon2.jpg) no-repeat 0 12px; padding:0 0 0 18px; color:#666; line-height:30px; white-space:nowrap;}
.new_c li a:hover{ text-decoration:none; color:#50a734;background:url(Img/Index/icon3.jpg) no-repeat 0 12px;}

/**/
.sdKc{height:420px; background:#f9f9f8; padding-top:50px; margin-bottom:40px; overflow:hidden;}
.sdKc h3{ height:45px;font-size:16px; padding-left:20px; }
.sdKc h3 a{ color:#52a20a; display:inline-block; padding:10px 0 0 12px;}
.sdKc h3 span{ float:right; font-size:12px; font-weight:normal; display:inline-block; padding-top:5px;}
.sdKc h3 span a{ font-family:"宋体"; color:#666;}
.sdKc h3 i{ padding-left:12px;}


.sdKcCnt{ float:left; width:926px;}
.sdKcCnt span{background:#ddd;color: #333;width:363px;display: block; font-family: "宋体";font-size: 12px;height: 27px;line-height: 27px;text-align: center;}
 .sdKcCnt span a{ color:#707070; font-family:"Microsoft YaHei";}

/**/
/* General Demo Style */

.container{
	width: 100%;
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin-bottom: 40px;
	position: relative;
	display: block;
    text-align: center;
}
.container > header h1{
	font-family: "BebasNeueRegular", Arial, sans-serif;
	font-size: 35px;
	position: relative;
	font-weight: 300;
	text-transform: uppercase;
	color: rgba(101,141,114,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #a0caad;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}
.container > header h2{
	
}
/* Header Style */
.containerscoll {
width: 100%;
position: relative;
text-align: center;
}
.codrops-top{
	line-height: 24px;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	-webkit-animation: slideOut 0.5s ease-in-out 0.3s backwards;
}
@-webkit-keyframes slideOut{
	0%{top:-30px; opacity: 0;}
	100%{top:0px; opacity: 1;}
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #333;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	float: left;
}
.codrops-top a:hover{
	background: #fff;
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: left;
	display: block;
}
.codrops-demos{
	text-align:center;
	display: block;
	padding-top: 20px;
}
.codrops-demos a, 
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #719c7f;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #90bd9e;
	background: -moz-linear-gradient(top, #90bd9e 0%, #72a081 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90bd9e), color-stop(100%,#72a081));
	background: -webkit-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: -o-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: -ms-linear-gradient(top, #90bd9e 0%,#72a081 100%);
	background: linear-gradient(top, #90bd9e 0%,#72a081 100%);
}
.codrops-demos a:hover{
	background: #85b995;
}
.codrops-demos a:active{
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.4);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.4);
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover{
	color: #506757;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
/* Media Queries */
@media screen and (max-width: 767px) {
	.container > header{
		text-align: center;
	}
	p.codrops-demos {
		position: relative;
		top: auto;
		left: auto;
	}
}
p,p a{color:#666;font-weight:normal;font-size:12px;}

#carousel {
	width:926px;
	height:363px;
	position:relative;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	background-repeat: no-repeat;
	border-radius: 15px;
  }
  #carousel img {
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 5px 10px;
	width:363px; height:246px; border:1px solid #ddd;
  }

.container{
	padding-bottom: 20px;
}
.atitlesc{
position: absolute;
left: 283px; 
bottom: 15px;                              
}

#fixeds{ display:none;}
#fixeds2{ position:fixed; top:10px; left:0px;_left:0px;z-index: 2;  width:28px; overflow:hidden; height:155px;_height:155px;}